<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>简介</title>
		<style type="text/css">
			#work{
				display: flex;
				align-items: center;
			}
			#Allworkid{
				display: flex;
				justify-content: flex-end;
			}
		</style>
	</head>
	<body>
		<div id="">
			<h3>工作经历</h3>
			<hr >
			<div id="Allwork"></div>
			<div id="Allworkid">
				<hr >
				<a href="#" onclick="workadd();">添加工作经历</a>
			</div>
		</div>
	</body>
	<script type="text/javascript">
		function workdel(){
			var worddel1 = document.getElementById('Allwork');
			var deltag = event.target.parentElement;
			worddel1.removeChild(deltag);
		}
		function workadd(){
			var worddel1 = document.getElementById('Allwork');
			var newDiv = document.createElement('div');
			newDiv.innerHTML = `公司名称：<input type="" name="" id="" value="" />
								职位：<input type="" name="" id="" value="" />
								<a href="#" onclick="workdel(event);">删除工作经历</a>
								<br /><br />
				<div id="work">
					工作职责及工作内容描述:<textarea rows="8" cols="100"></textarea>
				</div>
				<hr >`
				worddel1.appendChild(newDiv)	
		}
		onload = function(){
			workadd();
		}
	</script>
</html>
